<?php require_once('../core/libreria.php'); ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css/list.css" /><!--Importante, siempre debe ir antes del css del menu vertical-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>


<!-- title -->
<?php require_once('title.php'); ?> 

<!-- BANNER -->
<?php require_once('banner.php'); ?> 

<!-- Menú superior -->
<?php require_once('menuSuperior.php'); ?> 

</head>

<body <?php require_once('BodyBackground.php'); ?>  >
<br><br><br>
<form action="" method="post" name="form" id="form" >
<table width="100%" border="0">
  <tr>
    <td width="15%" valign="top" >
		<!-- Menú Vertical -->
		<?php require_once('menuVertical.php'); ?> 
    </td>
    <td width="85%" align="center" >
    
    <!----------------------------------------
    --------------------INICIO----------------
    ----------------------------------------->    
    
<table width="90%" border="1" style="background-color:#FFFFFF">
  <tr>
    <td class="cabecera_1_td" >&nbsp;</td>
  </tr>
  <tr class="cabecera_2_tr">
    <td class="cabecera_2_td">
        <div class="flexigrid" style="width: 100%;" >
        
        	<a href="menuA.php?ms=<?php echo $_GET['ms']?>" title="Crear registro" >
            <div class="fbutton">
                <div>
                    <span class="add" style="color: blue;">Crear</span>
                </div>
            </div>
            </a>
            <div class="btnseparator"></div>          
                    
            <div class="tDiv3">
                <a class="export-anchor" data-url="/demo/offices/export" target="_blank">
                    <div class="fbutton">
                        <div>
                            <span class="export">Excel</span>
                        </div>
                    </div>
                </a>
                <div class="btnseparator"></div>
                <a class="pdf_anchor" data-url="/demo/offices/print">
                    <div class="fbutton">
                        <div>
                            <span class="pdf">Pdf</span>
                        </div>
                    </div>
                </a>
            <div class="btnseparator"></div>
            </div>              
        </div> 
    </td>
  </tr>
  <tr>
    <td>
    
    <!------------INICIO - LIST----------->

        <table width="100%" border="0" class="list_css" >
          <tr class="list_cabecera">
            <td>City</td>
            <td>Phone</td>
            <td>AddressLine1</td>
            <td>AddressLine2</td>
            <td>State</td>
            <td>Country</td>
            <td>PostalCode</td>
            <td>Territory</td>
            <td>Actions</td>
          </tr>
		<?php for($i=1; $i < 7;$i++){?>          
          <tr class="tr_css">
            <td>San Francisco</td>
            <td>+1 650 219 4782</td>
            <td>100 Market Street</td>
            <td>Suite 300</td>
            <td>CA</td>
            <td>USA</td>
            <td>94080</td>
            <td>NA</td>
            <td>
                <a href="menuB.php?ms=<?php echo $_GET['ms']?>" title="Eliminar registro" class="delete-icon" ></a>                
                <a href="menuC.php?ms=<?php echo $_GET['ms']?>" title="Editar registro" class="edit-icon" ></a>
                <a href="menuVer.php?ms=<?php echo $_GET['ms']?>" title="Ver registro" class="read-icon" ></a>               
            </td>  
          </tr>
		<?php }?>
        </table>
    
    <!------------FIN - LIST--------------> 
      
    </td>
  </tr>
  
  <tr class="pie_1_tr">
    <td class="pie_1_td">
        Search:
        <input id='field-addressLine2' class='imput_caja' name='addressLine2' type='text' value="" maxlength='50' />
            <select name="listMenu">
                <option>Seleccione</option>
            </select>
        <input id="form-button-save" type='button' value='Search'  class="btn btn-large"/>
        <input id="form-button-save" type='button' value='Clear filtering'  class="btn btn-large"/>
    </td>
  </tr>   
  
  <tr>
    <td>
    
<div class="flexigrid" style="width: 100%;" >    
	<div class="pDiv">
		<div class="pDiv2">
			<div class="pGroup">
				<span class="pcontrol">
					Mostrar 					
                    <select name="num_filas" id="num_filas" >
                    <option value="10">10</option>
                    <option value="25">25</option>
                    <option value="50">50</option>
                    <option value="50">75</option>                    
                    <option value="100">100</option>
                    <option value="250">250</option>                    
                    <option value="100">Todos</option>                    
                    </select>
					 registros					
				</span>
			</div>
		<div class="btnseparator">
	</div>
	<div class="pGroup">
		<div class="pFirst pButton first-button">
			<span></span>
		</div>
	<div class="pPrev pButton prev-button">
		<span></span>
	</div>
</div>

<div class="btnseparator">
	</div>
		<div class="pGroup">
			<span class="pcontrol">
            	Página 
                <input name="num_pagina" value="1" size="4" id="num_pagina" type="text">
				de				
                <span id="last-page-number" class="last-page-number">1</span>
            </span>
		</div>
	<div class="btnseparator">
    </div>
	<div class="pGroup">
		<div class="pNext pButton next-button">
			<span></span>
		</div>
        <div class="pLast pButton last-button">
            <span></span>
        </div>
	</div>
	<div class="btnseparator">
		</div>
			<div class="pGroup">
				<div class="pReload pButton ajax_refresh_and_loading" id="ajax_refresh_and_loading">
					<span></span>
				</div>
			</div>
		<div class="btnseparator">
	</div>
	<div class="pGroup">
		<span class="pPageStat">
			Mostrando 
			<span id="page-starts-from" class="page-starts-from">1</span>
            - 
            <span id="page-ends-to" class="page-ends-to">7</span>
            de 
            <span id="total_items" class="total_items">7</span>
            registros				
		</span>
	</div>
</div>  
    </td>
  </tr>
</table>

    <!----------------------------------------
    --------------------FIN-------------------
    ----------------------------------------->  
    
    </td>
  </tr>
</table>
<form>
</body>
</html>